<div class="row">
     <form class="form-horizontal">
        <div class="form-group">
            <label class="col-sm-2 control-label" ng-click="switch()">StartDate</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" ng-model="annotation.StartDate">
                <p class="help-block">Format: YYYY-MM-DDTHH:mm:ssZ (RFC3339). If StartDate and EndDate are blank, the time is set to now. If one of the two is blank, the blank field will be set to the time of the other.</p>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" ng-click="switch()">EndDate</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" ng-model="annotation.EndDate">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">CreationUser</label>
            <div class="col-sm-6">
                <username-input></username-input>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">Url</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" ng-model="annotation.Url">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">Host</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" ng-model="annotation.Host" bs-options="h for h in hosts" bs-typeahead>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">Owner</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" ng-model="annotation.Owner" bs-options="o for o in owners" bs-typeahead>
            </div>
        </div>
            <div class="form-group">
            <label class="col-sm-2 control-label">Category</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" ng-model="annotation.Category" bs-options="c for c in categories" bs-typeahead>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">Message</label>
            <div class="col-sm-10">
                <textarea class="form-control" ng-model="annotation.Message"></textarea>
            </div>
        </div>
        <div class="form-group">
        <button type="button" class="btn btn-primary" ng-click="submitAnnotation()">Save changes</button>
        <button type="button" class="btn btn-danger" ng-click="deleteAnnotation()">Delete</button>
        </div>
    </form>
</div>
<div class="row">
	<div class="col-lg-12">
		<div ng-show="submitSuccess" class="alert alert-success">Annotation Sucessfully Submitted</div>
		<div ng-show="deleteSuccess" class="alert alert-success">Annotation Sucessfully Deleted</div>
        <div ng-show="error" class="alert alert-danger" ng-bind="error"></div>
	</div>
</div>